<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bookshop</title>

    <!-- Bootstrap -->
    <link href="/assets/css/bootstrap.min.css" rel="stylesheet">
    <link href="/assets/css/font-awesome.min.css" rel="stylesheet">
    <link href="/assets/css/animate.min.css" rel="stylesheet">
    <link href="/assets/css/main.min.css" rel="stylesheet">

    <!-- Favicon -->
    <link rel="shortcut icon" href="/assets/images/favicon.ico">

    <link href='http://fonts.googleapis.com/css?family=PT+Serif:400,700,400italic,700italic' rel='stylesheet'
          type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Fira+Sans:400,300,300italic,400italic,500,500italic,700,700italic'
          rel='stylesheet' type='text/css'>
</head>
<div id="cart-dropdown-wrapper">
    <nav id="menu1" class="cart-dropdown">
        <h2 class="shopping-cart-heading">我未归还的借阅</h2>
        <div class="cart-items">
            <div class="cart-items-list">
                <ul id="myBook">
                    <c:forEach items="${borrowVos}" var="borrow">
                        <li class="media">
                            <div class="clearfix book cart-book">
                                <a href="single-book.html" class="media-left">
                                    <div class="book-cover">
                                        <img width="140" height="212" alt="" src="http://47.94.10.67/images/${borrow.imgUrl}">
                                    </div>
                                </a>
                                <div class="media-body book-details">
                                    <div class="book-description">
                                        <h3 class="book-title">
                                            <a href="/book/bookDetail?bookId=${borrow.bookId}">${borrow.name}</a>
                                        </h3>
                                        <p class="book-subtitle">作者：
                                            <a>${borrow.author}</a>
                                        </p>
                                        <p class="book-subtitle">出版社：<br><a>${borrow.cbs}</a>
                                        </p>
                                        <p class="book-subtitle">借阅时间：<br>
                                            <a>
                                                <fmt:formatDate pattern="yyyy年MM月dd日" value="${borrow.createTime}" />
                                            </a>

                                        </p>
                                    </div>
                                </div>
                            </div>
                            <div class="proceed-to-checkout text-center">
                                <input type="hidden" value="${borrow.bookId}" id="backBookId">
                                <button type="button" id="backBook" class="btn btn-primary btn-uppercase">立刻归还</button>
                            </div>
                        </li>
                    </c:forEach>

                </ul>
            </div>
        </div>
    </nav>
</div>
</html>





